<extend name="Public/base"/>
<block name="style">
    <style>
        .btn-jujue{background: #FF1717;}
        .btn-jujue:hover{background-color: #8d8d8d;}
    </style>
</block>
<block name="body">
    <div class="main-title">
        <h2></h2>
    </div>
    <form action="" method="post" class="form-horizontal">
        <input type="hidden" name="id" id="id" value="{$data['topic_id']}">
        <div style="overflow: hidden;width: 100%;" class="form-item">
            <div style="float: left;width: 50%;">
                <div style="width: 100px;height: 40px;background: #ccc;border-radius: 5px;line-height: 40px;text-align: center;font-size: 18px;margin-bottom: 15px;">基本信息</div>
                <ul >
                    <li style="margin-bottom: 15px;overflow: hidden;line-height: 16px;">
                        <div style="width: 30%;text-align: right;float: left;font-weight: bold;font-size: 16px;">
                            话题：
                        </div>
                        <div style="float:left;margin-left: 10px;font-size: 14px;">{$data['topic_name']}</div>
                    </li>
                    <li style="margin-bottom: 15px;overflow: hidden;line-height: 16px;">
                        <div style="width: 30%;text-align: right;float: left;font-weight: bold;font-size: 16px;">
                            描述：
                        </div>
                        <div style="float:left;margin-left: 10px;font-size: 14px;">{$data['topic_content']}</div>
                    </li>
                    <li style="margin-bottom: 15px;overflow: hidden;line-height: 16px;">
                        <div style="width: 30%;text-align: right;float: left;font-weight: bold;font-size: 16px;">
                            封面：
                        </div>
                        <div style="float:left;margin-left: 10px;font-size: 14px;"><img width="100px" height="100px;" src='__ROOT__{$data["topic_pic"]}'></div>
                    </li>
                </ul>
            </div>

        </div>
        <div class="form-item">
            当前话题所包含的帖子:
        </div>
        <div class="data-table table-striped">
            <ul>
                <notempty name="_list">
                    <volist name="_list" id="vo">
                        <li style="border: 1px solid #CCC; padding: 10px 50px 10px 10px; margin-bottom: 20px;overflow: hidden;">
                            <div style="float:left;width: 60%;">
                                <div style="overflow:hidden;margin-bottom: 10px;">
                                    <img style="float:left;" width="50px" height="50px" src="{$vo.head_imgurl}">
                                    <div style="float:left;margin-left: 10px;">
                                        <div>{$vo.nick_name}</div>
                                        <div style="margin-top: 10px;">{$vo.create_time}</div>
                                    </div>
                                </div>
                                <h2 style="font-size: 18px;color: #000;">{$vo.title}</h2>
                                <p style="font-size: 12px;word-wrap:break-word; width:100%;">{$vo.content}</p>
                                <div style="margin-top:10px;">
                                    <span style="margin-right: 10px;">回复数:<i style="color:red;margin-right: 5px;">{$vo.comment_num}</i>条</span>
                                    <span><a href="{:U('Post/info',array('id'=>$vo['post_id']))}" class="">查看</a></span>
                                    <span><a href="{:U('Post/del',array('id'=>$vo['post_id']))}" class="ajax-get confirm">删除</a></span>
                                </div>

                            </div>
                            <div style="float:right;">
                                <notempty name="vo.img_url">
                                <img width="400px" height="150px" src="__ROOT__{$vo.img_url}">
                                </notempty>
                            </div>
                        <li>
                    </volist>
                    <else/>
                    <li class="text-center"> aOh! 暂时还没有内容! </li>
                </notempty>
            </ul>
        </div>
        <div class="page">
            {$_page}
        </div>


        <div class="form-item">
            <button class="btn btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
        </div>
    </form>
</block>

<block name="script">
    <script type="text/javascript">
        //导航高亮
        highlight_subnav('{:U('Dog / index')}');
    </script>
</block>
